<#import "../layout/layout.ftl" as layout>

<#macro title>
    <title>首页--车壹--提供新车报价、汽车价格查询服务、买车上车壹网、支持新车团购，新车交易，上门试驾，智能选车服务</title>
</#macro>
<#assign title = title in layout />

<#macro styles>
<link rel="stylesheet" href="${staticDomain}/assets/static/${staticVersion}/pc/css/swiper.min.css">
</#macro>
<#assign styles=styles in layout />	

<#macro mainjs>
<script>seajs.use('${staticDomain}/assets/static/${staticVersion}/pc/js/index.js');</script>
</#macro>
<#assign mainjs = mainjs in layout />

<@layout.layout>
<div class="main-wrapper main-content index">
	<section class="slide-box">
		<div class="swiper-container">
		    <div class="swiper-wrapper">
		    	<#list advList?sort_by('order') as adv>
					<div class="swiper-slide" data-id="${adv.id}"><a href="${adv.url}" style="background-image:url('${adv.value}')"></a></div>
				</#list>
		    </div>
		    <div class="swiper-pagination"></div>
		</div>
	</section>

	<div class="container">
		<section class="module-entrance">
			<ul class="clearfix" style="display: none;">
				<li class="f-l examine">
					<a href="/examine.htm">
						<h1 class="fs-28 strong">购车审核</h1>
						<h2 class="fs-17">审核通过，无忧买车</h2>
						<i class="line"></i>
					</a>
				</li>
				<li class="f-l loan">
					<a href="javascript:void(0);">
						<h1 class="fs-28 strong">购车贷款</h1>
						<h2 class="fs-17">买车0首付，分期好车主</h2>
						<i class="line"></i>
					</a>
				</li>
				<li class="f-l drive">
					<a href="javascript:void(0);">
						<h1 class="fs-28 strong">购车试驾</h1>
						<h2 class="fs-17">买车买体验，好车不后悔</h2>
					</a>
				</li>
			</ul>
		</section>

		<section class="carlogo">
			<ul class="clearfix">
				<#list brandList?sort_by('order') as brand>
				<li class="f-l">
					<a href="/prodlist.htm?brandID=${brand.id}&brandText=${brand.unicodeValue}">
						<div class="imgbox"><img src="${brand.url}"></div>
						<h2 class="t-c fs-15">${brand.value}</h2>
					</a>
				</li>
				</#list>
			</ul>
		</section>

		<section class="activity" style="display: none;">
			<div class="index-title clearfix">
				<h1 class="f-l fs-28 strong">热门活动<i></i></h1>
				<a href="/activitylist.htm" class="f-r">更多活动 ></a>
			</div>
			<div class="list">
				<#list hotActivityList as hotActivity>
					<#if hotActivity.order = 1>
					<a href="${hotActivity.url}" data-id="${hotActivity.id}">
						<img src="${hotActivity.value}" alt="${hotActivity.id}">
					</a>
					</#if>
				</#list>
			</div>
		</section>

		<section class="hot">
			<div class="index-title clearfix">
				<h1 class="f-l fs-28 strong">热门车型<i></i></h1>
				<a href="/prodlist.htm" class="f-r">更多好车 ></a>
			</div>
			<div class="list">
				<ul class="clearfix">
					<#list hotCarList?sort_by('click') as hotcar>
					<#if hotcar_index==12>
					<#break>
					<#else>
						<#if hotcar_index==0 ||  hotcar_index==4 ||  hotcar_index==8>
						<li class="f-l car-item first">
						<#else>
						<li class="f-l car-item">
						</#if>
							<a href="/proddetails.htm?pid=${hotcar.id}">
								<div class="img">
									<img src="${hotcar.icon!''}">
								</div>
								<h1 class="fs-22">${hotcar.classifyName.classify.name}</h1>
								<h2 class="fs-15">${hotcar.name}</h2>
								<div class="price clearfix">
									<p class="f-l fs-14">￥<span class="fs-20">${hotcar.price/10000}</span>万</p>
									<p class="f-l fs-12 del">￥${hotcar.guidePrice/10000}万</p>
								</div>
								<div class="number clearfix">
									<p class="f-l fs-12">已售：${hotcar.sell}</p>
									<p class="f-r fs-12">库存：${hotcar.stock}</p>
								</div>
							</a>
						</li>
					</#if>
					</#list>
				</ul>
			</div>
		</section>

		<section class="newslist">
			<div class="index-title clearfix">
				<h1 class="f-l fs-28 strong">新闻资讯<i></i></h1>
				<a href="/newslist.htm" class="f-r">更多信息 ></a>
			</div>
			<div class="list clearfix">
				<ul>
					<#list newsInformationList?sort_by('order') as news>
					<li class="clearfix">
						<a href="/newsdetails.htm?id=${news.article.id}" class="clearfix">
							<div class="f-l img-box"><img src="${news.article.icon}"></div>
							<div class="f-l text-box">
								<h1 class="fs-30 strong">${news.article.title}</h1>
								<h2 class="fs-15">发表于：${news.article.gmtCreate} 作者：${news.article.param_3}</h2>
								<p class="fs-15">${news.article.describe}</p>
							</div>
						</a>
					</li>
					</#list>
				</ul>
			</div>
		</section>

		<!-- <section class="takecar-succ">
			<div class="index-title clearfix">
				<h1 class="f-l fs-28 strong">成功提车<i></i></h1>
			</div>
			<div class="list">
				<ul>
					<li class="clearfix">
						<i class="f-l"></i>
						<p class="f-l fs-16 name">程先生</p>
						<p class="f-l fs-16 tel">150xxxx0685</p>
						<p class="f-l fs-16 model">途观 2016款 300 TSI 自动两驱豪华版</p>
						<p class="f-l fs-16 state">提车成功</p>
						<p class="f-l fs-16 t-r date">2016-06-21</p>
					</li>
				</ul>
			</div>
		</section> -->


		<section class="impression">
			<div class="index-title clearfix">
				<h1 class="f-l fs-28 strong">购买印象<i></i></h1>
			</div>
			<div class="list">
				<ul>
					<#list buyPurchaseList?sort_by('order') as purchase>
					<#if purchase.order = 1>
					<li class="clearfix active">
					<#else>
					<li class="clearfix">
					</#if>
						<div class="f-l img"><img src="${purchase.article.icon}"></div>
						<div class="f-l text">
							<p class="fs-18">${purchase.article.describe}</p>
							<i class="quote-before"></i>
							<i class="quote-after"></i>
						</div>
					</li>
					</#list>
				</ul>
			</div>
			<div class="pagi">
				<ul class="clearfix">
					<#list buyPurchaseList?sort_by('order') as purchase>
					<#if purchase.order = 1>
					<li class="f-l active">
					<#else>
					<li class="f-l">
					</#if>
						<h1 class="fs-12 name">车主：${purchase.article.param_2}</h1>
						<h1 class="fs-12 model">车款：${purchase.article.param}</h1>
					</li>
					</#list>
				</ul>
			</div>
		</section>
	</div>

</div>

<section class="loan-drive-modal">
	<div class="main-box">
		<div class="tab-nav">
			<ul class="clearfix">
				<li class="f-l t-c fs-24 active">购车贷款申请</li>
				<li class="f-l t-c fs-24">购车试驾申请</li>
			</ul>
		</div>

		<div class="tab-list">
			<ul>
				<li class="loan active">
					<div class="input-box">
						<label>您的姓名：</label>
						<input type="text" class="fs-18" placeholder="请输入您的姓名">
					</div>
					<div class="input-box">
						<label>手机号码：</label>
						<input type="password" class="fs-18" placeholder="请输入您的手机号码">
					</div>
					<div class="input-box">
						<label>贷款金额：</label>
						<input type="password" class="fs-18" placeholder="请输入贷款金额">
					</div>
					<div class="error-msg"></div>
					<a href="javascript:void(0);" class="t-c fs-26 btn-submit">提交申请</a>
				</li>

				<li class="drive">
					<div class="input-box">
						<label>您的姓名：</label>
						<input type="text" class="fs-18" placeholder="请输入您的姓名">
					</div>
					<div class="input-box">
						<label>手机号码：</label>
						<input type="password" class="fs-18" placeholder="请输入您的手机号码">
					</div>
					<div class="input-box">
						<label>试驾车型：</label>
						<input type="password" class="fs-18" placeholder="请输入试驾车型">
					</div>
					<div class="error-msg"></div>
					<a href="javascript:void(0);" class="t-c fs-26 btn-submit">提交申请</a>
				</li>
			</ul>
		</div>
	</div>
</section>
</@layout.layout>